<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@include file="/pages/jyy/jsandcss.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>编辑生产计划单</title>
<script type="text/javascript">
$(function () {

    //1.初始化Table
    var oTable = new TableInit();
    oTable.Init();

    //2.初始化Button的点击事件
    var oButtonInit = new ButtonInit();
    oButtonInit.Init();
    
    //返回生产计划列表页
    $("#returnBtn").click(function(){
        window.location.href="${pageContext.request.contextPath }/pages/jyy/productplan.jsp";
    });

});

var TableInit = function () {
    var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        $('#tb_departments').bootstrapTable({
            url: '${pageContext.request.contextPath }/jy/selectPlanDetail.do?plannum='+$("#scjh").val()+'&salenum='+$("#number").val(),         //请求后台的URL（*）
            method: 'get',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10,20,30],         //可供选择的每页的行数（*）
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            detailView: false,                   //是否显示父子表
            columns: [{
                checkbox: true
            }, {
                field: 'cartype',
                title: '车种'
            }, {
                field: 'pnum',
                title: '品编'
            }, {
                field: 'pname',
                title: '品名'
            }, {
            	field: 'pcolor',
                title: '颜色'
            },{
                field: 'remartk3',
                title: '销售计划量'
            },{
            	field: 'remartk14',
                title: '库存量'
            },{
            	field: 'remartk12',
                title: '最低安全量'
            },{
            	field: 'remartk13',
                title: '最高安全量'
            },{
            	field: 'remartk1',
                title: '生产计划量',
                editable: {
                    type: 'text',
                    title: '生产计划量',
                    validate: function (v) {
                        if (!v) return '生产计划量不能为空';
                        if (isNaN(v)) return '必须是数字';
                        var remark7 = parseInt(v);
                        if (remark7 <= 0) return '必须是正整数';
                    }
                }
            },{
            	field: 'pwdate',
                title: '要求完工日期',
                editable: {
                    type: 'date',
                    placement: 'left',
                    title: '请选择日期:',
                } 
            },  {
            	field: 'remartk',
                title: '产品id',
                visible:false
            } ],
            
            onEditableSave : function(field, row, oldValue, $el) {
            	 var scjhdh=$.trim($("#scjh").val());//获取生产计划单号并去空格
    			$('#tb_departments').bootstrapTable('resetView');
    			$.ajax({
    				type : 'post',
    				url : '${pageContext.request.contextPath }/jy/createProductPlanDetail.do',
    				data : {prductid:row.remartk,plannum:row.remartk1,fdata:row.pwdate,scjhdh:scjhdh},//行内修改后的数据
    				dataType : 'JSON',
    				success : function(data) {
    					if (data == 1) {
    						Modal.alert({
    							msg : "保存成功"
    						});
    					}
    				}
    			});
    		}
            
        });
    };

    //得到查询的参数
    oTableInit.queryParams = function (params) {
        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,   //页面大小
            offset: params.offset,  //页码
            departmentname: $("#txt_search_departmentname").val(),
            statu: $("#txt_search_statu").val()
        };
        return temp;
    };
    return oTableInit;
};


var ButtonInit = function () {
    var oInit = new Object();
    var postdata = {};

    oInit.Init = function () {
        //初始化页面上面的按钮事件
    };

    return oInit;
};

function doUpdate() {
	var a= $('#tb_departments').bootstrapTable('getSelections');  
	 alert(a[0].id);
}

</script>
</head>
<body>
	<div class="row">
		<div class="col-lg-3">
		  <label for="phone" class="control-label">生产计划单号:</label>
		  <input type="text" class="form-control" id="scjh" name="plannum" value="${planjy.plannum}" readonly="readonly">
		</div>
		<div class="col-lg-4">
		  <label for="phone" class="control-label">销售计划单号:</label>
		  <input type="text" class="form-control" name="remark4" value="${planjy.remark4}" id="number" readonly="readonly">
		</div>
	</div>
	<br/><br/>
	<table id="tb_departments"></table>
   <div class="text-right">
         <span id="returnMessage" class="glyphicon"> </span>
         <button id="returnBtn" type="button" class="btn btn-default right" >返回列表页</button>
     </div>
</body>
</html>